<!DOCTYPE html>
<!--[if lte IE 8]>              <html class="ie8 no-js" lang="en">     <![endif]-->
<!--[if IE 9]>					<html class="ie9 no-js" lang="en">     <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en">  <!--<![endif]-->
<head>
	<!-- Google Web Fonts
  ================================================== -->
	<link href='http://fonts.googleapis.com/css?family=Allura|Oswald:400,700,300' rel='stylesheet' type='text/css'>
	
	<!-- Basic Page Needs
  ================================================== -->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!--[if ie]><meta http-equiv='X-UA-Compatible' content="IE=edge,IE=9,IE=8,chrome=1" /><![endif]-->
	
	<title>Almera | Home</title>
	
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="shortcut" href="images/favicon.ico" />
	
	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	
	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/skeleton.css" />
	<link rel="stylesheet" href="css/layout.css" />
	
	<link rel="stylesheet" href="css/font-awesome.css" />
	<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" />

	<!-- HTML5 Shiv
	================================================== -->
	<script src="js/jquery.modernizr.js"></script>
	
</head>
<body>
	
<!-- - - - - - - - - - - - - - Header - - - - - - - - - - - - - - - - -->	

<header id="header">

	<div class="container">

		<div class="sixteen columns">

			<div id="logo">
				<h1><a href="index.html">Almera</a></h1>
			</div><!--/ #logo-->

			<nav id="navigation" class="navigation">

				<div class="menu">

					<ul>
						<li><a href="index.html">Home</a>
							<ul>
								<li><a href="index.html">Home Grid 1</a></li>
								<li><a href="index4.html">Home Grid 2</a></li>
								<li><a href="index5.html">Fullscreen</a></li>
								<li><a href="masonry.html">Masonry</a></li>
							</ul>
						</li>
						<li><a href="image-gallery.html">Gallery</a>
							<ul>
								<li><a href="image-gallery.html">Image Gallery</a></li>
								<li><a href="thumbnails.html">Thumbnails</a></li>
								<li><a href="gallery-3-columns.html">3 Columns</a></li>
								<li><a href="gallery-4-columns.html">4 Columns</a></li>
							</ul>
						</li>
						<li><a href="albums.html">Albums</a></li>
						<li><a href="about.html">About</a></li>
						<li><a href="elements.html">Features</a>
							<ul>
								<li><a href="elements.html">Elements</a></li>
								<li><a href="columns.html">Columns</a></li>
								<li><a href="typography.html">Typography</a></li>
							</ul>
						</li>
						<li><a href="blog.html">Blog</a></li>
						<li><a href="contact.html">Contact</a></li>
					</ul>

				</div><!--/ .menu-->

			</nav><!--/ #navigation-->	

		</div><!--/ .columns-->

	</div><!--/ .container-->

</header><!--/ #header-->

<!-- - - - - - - - - - - - - - end Header - - - - - - - - - - - - - - - - -->	


<!-- - - - - - - - - - - - - - - - Content - - - - - - - - - - - - - - - - -->	

<div id="wrapper" class="sbr">
	
	<div id="content">

		<div class="container">

			<div class="page-header">
				<h1>Beautiful <br /> Girl</h1>
				<a href="masonry.html" class="th-back">Back</a>
			</div><!--/ .page-header-->	

			<div class="ten columns">

				<a href="images/full/16.jpg" class="single-image plus-icon animTop" title="">
					<img alt="" src="images/temp/temp-img-4.jpg">
				</a>

			</div><!--/ .columns-->

			<div class="six columns">

				<p>
					Nulla bibendum diam nec tortor ullamcorper sed dapibus sem posuere. Donec nunc 
					consequat ut gravida et, mollis interdum augue. Duis mollis viverra leo rhoncus magna 
					fringilla eget. Hasellus ut ornare orci. Fusce tempor, neque pretium vulputate vehicula, 
					ligula odio convallis mauris, laoreet vehicula dolor odio nec augue. Donec fringilla nisi 
					eget felis.
				</p>

				<div class="divider-solid"></div>

				<ul class="gallery-detailed">
					<li><b>Date:</b>&nbsp;<span>August 2013</span></li>
					<li><b>Client:</b>&nbsp;<span>Portitor</span></li>
					<li><b>Skills:</b>&nbsp;<span>Photography</span></li>
				</ul>

			</div><!--/ .columns-->

			<div class="clear"></div>
			<div class="divider-solid"></div>

			<h3 class="section-title">Recent Projects</h3>

			<section class="recent-projects">

				<article class="four columns">

					<div class="project-thumb">

						<a href="images/full/2.jpg" class="single-image plus-icon animTop" title="" rel="gallery">
							<img alt="" src="images/gallery/1.jpg">
						</a>

						<a href="gallery-single.html" class="project-meta">
							<h5 class="title">Coffe Time</h5>
							<span class="categories">Video / Logo</span>
						</a>	

					</div><!--/ .project-thumb-->

				</article><!--/ .columns-->	

				<article class="four columns">

					<div class="project-thumb">

						<a href="images/full/15.jpg" class="single-image plus-icon animTop" title="" rel="gallery">
							<img alt="" src="images/gallery/2.jpg">
						</a>

						<a href="gallery-single.html" class="project-meta">
							<h5 class="title">Coffe Time</h5>
							<span class="categories">Video / Logo</span>
						</a>	

					</div><!--/ .project-thumb-->

				</article><!--/ .columns-->	

				<article class="four columns">

					<div class="project-thumb">

						<a href="images/full/3.jpg" class="single-image plus-icon animTop" title="" rel="gallery">
							<img alt="" src="images/gallery/3.jpg">
						</a>

						<a href="gallery-single.html" class="project-meta">
							<h5 class="title">Coffe Time</h5>
							<span class="categories">Video / Logo</span>
						</a>		

					</div><!--/ .project-thumb-->

				</article><!--/ .columns-->	

				<article class="four columns">

					<div class="project-thumb">

						<a href="images/full/23.jpg" class="single-image plus-icon animTop" title="" rel="gallery">
							<img alt="" src="images/gallery/4.jpg">
						</a>

						<a href="gallery-single.html" class="project-meta">
							<h5 class="title">Coffe Time</h5>
							<span class="categories">Video / Logo</span>
						</a>	

					</div><!--/ .project-thumb-->

				</article><!--/ .columns-->	

				<article class="four columns">

					<div class="project-thumb">

						<a href="images/full/9.jpg" class="single-image plus-icon animTop" title="" rel="gallery">
							<img alt="" src="images/gallery/5.jpg">
						</a>

						<a href="gallery-single.html" class="project-meta">
							<h5 class="title">Coffe Time</h5>
							<span class="categories">Video / Logo</span>
						</a>	

					</div><!--/ .project-thumb-->

				</article><!--/ .columns-->	

				<article class="four columns">

					<div class="project-thumb">

						<a href="images/full/16.jpg" class="single-image plus-icon animTop" title="" rel="gallery">
							<img alt="" src="images/gallery/6.jpg">
						</a>

						<a href="gallery-single.html" class="project-meta">
							<h5 class="title">Coffe Time</h5>
							<span class="categories">Video / Logo</span>
						</a>	

					</div><!--/ .project-thumb-->

				</article><!--/ .columns-->	

				<article class="four columns">

					<div class="project-thumb">

						<a href="images/full/24.jpg" class="single-image plus-icon animTop" title="" rel="gallery">
							<img alt="" src="images/gallery/7.jpg">
						</a>

						<a href="gallery-single.html" class="project-meta">
							<h5 class="title">Coffe Time</h5>
							<span class="categories">Video / Logo</span>
						</a>		

					</div><!--/ .project-thumb-->

				</article><!--/ .columns-->	

				<article class="four columns">

					<div class="project-thumb">

						<a href="images/full/20.jpg" class="single-image plus-icon animTop" title="" rel="gallery">
							<img alt="" src="images/gallery/8.jpg">
						</a>

						<a href="gallery-single.html" class="project-meta">
							<h5 class="title">Coffe Time</h5>
							<span class="categories">Video / Logo</span>
						</a>	

					</div><!--/ .project-thumb-->

				</article><!--/ .columns-->	

			</section><!--/ .recent-projects-->

		</div><!--/ .container-->

	</div><!--/ #content-->
	
</div><!--/ #wrapper-->

<!-- - - - - - - - - - - - - - - - Content - - - - - - - - - - - - - - - - -->	


<!-- - - - - - - - - - - - - - - Footer - - - - - - - - - - - - - - - - -->	

<footer id="footer">

	<div class="container">

		<div class="sixteen columns">

			<div class="eight columns alpha">

				<div class="copyright">
					Copyright &copy; 2013. ThemeMakers. All rights reserved
				</div><!--/ .copyright-->

				<div class="developed">
					Developed by <a href="#">ThemeMakers</a>
				</div><!--/ .developed-->

			</div><!--/ .columns-->

			<div class="eight columns omega">

				<ul class="social-icons">
					<li class="twitter"><a target="_blank" href="https://twitter.com/ThemeMakers"><span>Twitter</span></a></li>
					<li class="facebook"><a target="_blank" href="http://www.facebook.com/wpThemeMakers"><span>Facebook</span></a></li>
					<li class="dribble"><a target="_blank" href="http://dribbble.com/"><span>Dribbble</span></a></li>
					<li class="vimeo"><a target="_blank" href="https://vimeo.com/"><span>Vimeo</span></a></li>
					<li class="youtube"><a target="_blank" href="http://www.youtube.com/"><span>Youtube</span></a></li>
					<li class="instagram"><a target="_blank" href="http://www.instagram.com/"><span>Instagram</span></a></li>
					<li class="rss"><a target="_blank" href="#"><span>Rss</span></a></li>
				</ul><!--/ .social-icons-->	

			</div><!--/ .columns-->

		</div><!--/ .columns-->

	</div><!--/ .container-->

</footer><!--/ #footer-->

<!-- - - - - - - - - - - - - - end Footer - - - - - - - - - - - - - - - -->			

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')</script>
<script src="js/jquery.easing.1.3.min.js"></script>
<script src="js/jquery.cycle.all.min.js"></script>
<!--For Touch Devices-->
<script src="js/jquery.touchswipe.min.js"></script>
<!--end Touch Devices-->
<script src="js/fancybox/jquery.fancybox.pack.js"></script>
<script src="js/config.js"></script>
<script src="js/custom.js"></script>
</body>
</html>